view,
scroll-view,
swiper,
swiper-item,
cover-view,
cover-image,
icon,
text,
rich-text,
progress,
button,
checkbox,
form,
input,
label,
radio,
slider,
switch,
textarea,
navigator,
audio,
camera,
image,
video {
	box-sizing: border-box;
}

::-webkit-scrollbar {
	width: 0;
	height: 0;
	color: transparent;
}

button {
	border: none !important;
	outline: none !important;
}

button::after {
	border: none !important;
}

.placeholder {
	color: #ccc;
}

.phs {
	color: #bbb;
}

.h10 {
	height: 10px
}

.fl {
	float: left;
}

.F12 {
	font-size: 12px;
}

.F13 {
	font-size: 13px;
}

.F14 {
	font-size: 14px;
}

.F15 {
	font-size: 15px;
}

.F16 {
	font-size: 16px;
}

.F18 {
	font-size: 18px;
}

.F24 {
	font-size: 24px;
}

.fr {
	float: right
}

/** 清除浮动 **/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: block;
}

.center {
	text-align: center
}

.left {
	text-align: left
}

.right {
	text-align: right
}

.grad30 {
	/* 30°线性渐变*/
	background: -webkit-linear-gradient(30deg, #ff7e0c, #ff5c16);
	/* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(30deg, #ff7e0c, #ff5c16);
	/* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(30deg, #ff7e0c, #ff5c16);
	/* Firefox 3.6 - 15 */
	background: linear-gradient(30deg, #ff7e0c, #ff5c16);
	/* 标准的语法 */
}

/**上下左右居中**/
.middle {
	text-align: center;
	/* Firefox */
	display:-moz-box;
	-moz-box-pack:center;
	-moz-box-align:center;
	
	/* Safari、Opera 以及 Chrome */
	display:-webkit-box;
	-webkit-box-pack:center;
	-webkit-box-align:center;
	
	/* W3C */
	display:box;
	box-pack:center;
	box-align:center;
}

.none {
	display: none
}

.jt {
	background: url(https://huagui.oss-cn-hangzhou.aliyuncs.com/icon/ic_gengduo.png) right center no-repeat;
	background-size: auto 4.5vw;
	padding-right: 4.8vw;
}

.jt2 {
	background: url(https://huagui.oss-cn-hangzhou.aliyuncs.com/icon/ic_gengduo.png) right 2.7vw center no-repeat #fff;
	background-size: auto 4.5vw;
	padding-right: 4.8vw;
}

/**行内布局**/
.disbox {
	display: -webkit-box;
	display: -moz-box;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.disflex {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-box-flex: 1;
	-o-box-flex: 1;
	box-flex: 1;
	display: block
}

.disBlock {
	display: block;
}

.flex {
	display: -webkit-box;
	/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box;
	/* 老版本语法: Firefox (buggy) */
	display: -ms-flexbox;
	/* 混合版本语法: IE 10 */
	display: -webkit-flex;
	/* 新版本语法: Chrome 21+ */
	display: flex;
	/* 新版本语法: Opera 12.1, Firefox 22+ */
}

.flex-wrap {
	/* 转为弹性盒模型并自动换行  */
	display: -webkit-box;
	/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box;
	/* 老版本语法: Firefox (buggy) */
	display: -ms-flexbox;
	/* 混合版本语法: IE 10 */
	display: -webkit-flex;
	/* 新版本语法: Chrome 21+ */
	display: flex;
	/* 新版本语法: Opera 12.1, Firefox 22+ */
	flex-wrap: wrap;
}

.flex2 {
	/*主轴从上到下显示*/
	display: -webkit-box;
	/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box;
	/* 老版本语法: Firefox (buggy) */
	display: -ms-flexbox;
	/* 混合版本语法: IE 10 */
	display: -webkit-flex;
	/* 新版本语法: Chrome 21+ */
	display: flex;
	/* 新版本语法: Opera 12.1, Firefox 22+ */
	-webkit-box-direction: normal;
	-webkit-box-orient: vertical;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.flex-b {
	/*水平两端对齐*/
	display: -webkit-box;
	/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box;
	/* 老版本语法: Firefox (buggy) */
	display: -ms-flexbox;
	/* 混合版本语法: IE 10 */
	display: -webkit-flex;
	/* 新版本语法: Chrome 21+ */
	display: flex;
	/* 新版本语法: Opera 12.1, Firefox 22+ */
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.verticalBox {
	/*主轴从上到下显示*/
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-direction: normal;
	-webkit-box-orient: vertical;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.verticalflex {
	flex: 1;
	overflow-y: scroll;
}

.bg {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.bg1 {
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.flexleft {
	display: -webkit-box;
	/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box;
	/* 老版本语法: Firefox (buggy) */
	display: -ms-flexbox;
	/* 混合版本语法: IE 10 */
	display: -webkit-flex;
	/* 新版本语法: Chrome 21+ */
	display: flex;
	/* 新版本语法: Opera 12.1, Firefox 22+ */
	-moz-justify-content: flex;
	-webkit-justify-content: flex;
	justify-content: flex;
}

.flexright {
	display: -webkit-box;
	/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box;
	/* 老版本语法: Firefox (buggy) */
	display: -ms-flexbox;
	/* 混合版本语法: IE 10 */
	display: -webkit-flex;
	/* 新版本语法: Chrome 21+ */
	display: flex;
	/* 新版本语法: Opera 12.1, Firefox 22+ */
	-moz-justify-content: flex-end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}

.flexard {
	display: -webkit-box;
	/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box;
	/* 老版本语法: Firefox (buggy) */
	display: -ms-flexbox;
	/* 混合版本语法: IE 10 */
	display: -webkit-flex;
	/* 新版本语法: Chrome 21+ */
	display: flex;
	/* 新版本语法: Opera 12.1, Firefox 22+ */
	-moz-justify-content: space-around;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}


/*水平垂直居中对齐*/
.flexmid {
	display: -webkit-box;
	/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box;
	/* 老版本语法: Firefox (buggy) */
	display: -ms-flexbox;
	/* 混合版本语法: IE 10 */
	display: -webkit-flex;
	/* 新版本语法: Chrome 21+ */
	display: flex;
	/* 新版本语法: Opera 12.1, Firefox 22+ */
	/*子元素主轴对齐方式*/
	-webkit-box-pack: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;
	align-items: center;
	/*子元素交叉轴对齐方式*/
	-webkit-box-align: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	align-items: center;
}

.flex-jc {
	/* 水平居中 */
	display: -webkit-box;
	/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box;
	/* 老版本语法: Firefox (buggy) */
	display: -ms-flexbox;
	/* 混合版本语法: IE 10 */
	display: -webkit-flex;
	/* 新版本语法: Chrome 21+ */
	display: flex;
	/* 新版本语法: Opera 12.1, Firefox 22+ */
	justify-content: center;
}

.flex-ac {
	/* 垂直居中 */
	display: -webkit-box;
	/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box;
	/* 老版本语法: Firefox (buggy) */
	display: -ms-flexbox;
	/* 混合版本语法: IE 10 */
	display: -webkit-flex;
	/* 新版本语法: Chrome 21+ */
	display: flex;
	/* 新版本语法: Opera 12.1, Firefox 22+ */
	align-items: center;
}

.flexmid-col {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.flex-inline {
	/* 转为行内弹性盒模型  */
	display: inline-flex;
}

.bb {
	border-bottom: 1px solid #eee;
}

.bt {
	border-top: 1px solid #eee;
}

.pd10 {
	padding: 10px;
}

.pd15 {
	padding: 15px;
}

.pdtb10 {
	padding: 10px 0;
}

.pdtb15 {
	padding: 15px 0;
}

.pdtb20 {
	padding: 20px 0;
}

.pdlr10 {
	padding: 0 10px;
}

.pdlr15 {
	padding: 0 15px;
}

.pdlr20 {
	padding: 0 20px;
}

/*主题色*/
.maincolor {
	color: #ff5c16
}

.colcolor {
	color: #ff7e0c
}

.bgTheme {
	background-color: #e7141a;
}

/**bgColor**/
.bgcolor {
	background-color: #f5f5f5;
}

.bgWhite {
	background-color: #fff;
}

.bgRed {
	background-color: #F85150;
}

.bgYellow {
	background-color: rgba(245, 185, 55, 1)
}

/**color**/
.yellow {
	color: #F5B937;
}

.red {
	color: #F85150;
}

.white {
	color: #fff
}

.gray {
	color: #999
}

.gray9 {
	color: #999;
}

.gray6 {
	color: #666;
}

/**超出以省略号代替**/
.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.Line1 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.Line2 {
	overflow: hidden;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	-ms-line-clamp: 2;
	-o-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-box-orient: vertical;
	-o-box-orient: vertical;
	box-orient: vertical;
	display: -webkit-box;
	display: -moz-box;
	word-break: break-all;
}

.Line3 {
	overflow: hidden;
	-webkit-line-clamp: 3;
	-moz-line-clamp: 3;
	-ms-line-clamp: 3;
	-o-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-box-orient: vertical;
	-o-box-orient: vertical;
	box-orient: vertical;
	display: -webkit-box;
	display: -moz-box;
	word-break: break-all;
}

.Line4 {
	overflow: hidden;
	-webkit-line-clamp: 4;
	-moz-line-clamp: 4;
	-ms-line-clamp: 4;
	-o-line-clamp: 4;
	line-clamp: 4;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-box-orient: vertical;
	-o-box-orient: vertical;
	box-orient: vertical;
	display: -webkit-box;
	word-break: break-all;
}

.hiddenBox {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 999;
}

.imgBox {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.full {
	width: 100%;
	height: 100%;
}

.noneBox {
	width: 100%;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding-bottom: 60rpx;
}

.noneImg {
	width: 576rpx;
	height: 490rpx;
	margin-top: 160rpx;
}

.noneText {
	font-size: 28rpx;
	color: #999;
}

button::after {
	border: none;
}

button {
	background-color: transparent;

	padding-left: 0;

	padding-right: 0;

	line-height: inherit;

	margin: 0;

}

button {
	border-radius: 0;
}

button:active {
	background-color: transparent;
}

.button-hover {
	background-color: transparent;
}
